.dialog-fade-enter-active {
  animation: dialog-fadein 0.3s;
  animation-iteration-count: 1;
}

.dialog-fade-enter-active .content-wrapper {
  animation: dialog-zoom-in 0.15s;
  animation-iteration-count: 1;
}

.dialog-fade-leave-active {
  animation: dialog-fadeout 0.1s;
  animation-iteration-count: 1;
}

.dialog-fade-leave-active .content-wrapper {
  animation: dialog-zoom-out 0.18s;
  animation-iteration-count: 1;
}

@keyframes dialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes dialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes dialog-zoom-in {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes dialog-zoom-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
